<!-- 
	 自定义table插件
	 -->
<template>
	<div class="">
		<!-- <div class="table bor ">
			<view class="table-head ">
				<div class="td bor padding-sm">
					dd
				</div>
				<div class="td bor padding-sm">
					dd
				</div>
				<div class="td bor padding-sm">
					<div class="td bor ">
						dd
					</div>
					<div class="td bor ">
						dd
					</div>
				</div>
			</view>

			<div class="tr">
				<div class="td bor padding-sm">
					dd
				</div>
				<div class="td bor padding-sm">
					dd
				</div>
				<div class="td bor padding-sm">
					dd
				</div>
			</div>
			<div class="tr">
				<div class="td bor padding-sm">
					dd
				</div>
				<div class="td bor padding-sm">
					dd
				</div>
			</div>
		</div>
	
	 -->





		<view class="">
			
			<view class="table bor">
				
			</view>

		</view>

	</div>
</template>

<script>
	export default {
		props: {


		},
		data() {
			return {


			}
		}
	}
</script>

<style scoped>
	/**
	 * table 控件
	 */
	.bor {
		border: 1px solid red;
	}

	.table {
		width: 99%;
		padding: 10rpx;
	}

	/**
	 * head
	 */
	.table-head {
		min-height: 50rpx;
		display: flex;
		flex-wrap: nowrap;

	}


	.tr {
		width: 100%;
		display: flex;
		flex-wrap: nowrap;

	}

	.td {
		width: 100%;
		border-collapse: collapse;
		margin-right: -1px;
		margin-bottom: -1px;
	}
</style>

<style lang="scss">
	.td {}
</style>
